import React from "react";
import { NavBar } from "react-vant";
import { useNavigate } from "react-router";
import { Empty } from "react-vant";
import gua from "./images/yu.jpg";
import styles from "./index.module.css";
const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    <div className={styles.yu}>
      <NavBar title="我的预约挂号列表" onClickLeft={() => navigate("/my")} />
      <Empty
        className="custom-image"
        image={<img src={gua} />}
        description="暂无挂号记录"
      />
    </div>
  );
};

export default Index;
